<template>
  <div class="m-nodata">
    <img src="@/assets/images/bg.png" alt="" class="nodata-img">
    <p class="nodata-title">{{title || msg}}</p>
  </div>
</template>
<script>
  export default {
    data() {
      return{
        msg: '暂无数据'
      }

    },
    methods: {

    },
    props: ['title']
  }

</script>
<style lang="less" scoped>
  .m-nodata {
    margin: 115px auto 0;
    width: 150px;

    .nodata-img {
      margin: 0 auto;
      width: 90pt;
      height: 90pt;
    }

    .nodata-title {
      margin-top: 30px;
      color: #1a1a1a;
      text-align: center;
      font-size: 14px;
      line-height: 25px;
    }
  }

</style>
